<template>
  <div>
       <el-header style="box-shadow: rgba(0, 0, 0, 0.05) 0px 2px 20px 0.5px;border-radius:6px;padding:20px;height:56px">
          <div class="flexBox" >
              <el-breadcrumb separator="/">
                  <el-breadcrumb-item :to="{ path: '/home' }"
                  >首页</el-breadcrumb-item>
                  <el-breadcrumb-item>人事调动</el-breadcrumb-item>
                  <el-breadcrumb-item>转科管理</el-breadcrumb-item>
                  <el-breadcrumb-item>追加计划</el-breadcrumb-item>
              </el-breadcrumb>
          </div>
        </el-header >
        <el-main style="box-shadow: rgba(0, 0, 0, 0.05) 0px 2px 20px 0.5px;border-radius:6px;padding:20px;margin-top:20px">
            <div style="float:right">
               <el-button type="primary" style="margin-bottom:10px" @click="save" size="small">保存</el-button>
               <el-button style="margin-bottom:10px;" @click="cancle" size="small">返回</el-button>
            </div>
            <div style="clear:both"></div>
            <el-divider></el-divider>
             <el-table
                :data="tableData"
                border
                style="width: 100%;margin-top:20px"
                :header-cell-style="{ background: 'rgb(245,247,250)' }"
                >
                <el-table-column
                  prop="name"
                  label=""
                  align="center"
                  fixed="left">
                </el-table-column>
                <el-table-column
                  v-for="item in year"
                  :label="now+'年'+item+'月'"
                  align="center" >
                   <template slot-scope="scope">{{ scope.row.arr[item].deptNames }}</template>
                </el-table-column>
                <el-table-column
                  label="操作"
                  align="center"
                  fixed="right"
                  width="80">
                    <template slot="header">
                      <el-button type="text"><i class="el-icon-circle-plus-outline"></i></el-button>
                    </template>
                </el-table-column>
              </el-table> 
        </el-main>
  </div>
</template>

<script>
export default {
  name: 'appendTurn',
  data () {
    return {
    }
  },
  methods:{
    save(){
      this.$emit("save",false)
    },
    cancle(){
       this.$emit("cancle",false)
    }
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
.el-divider{
  margin: 0;
}
</style>